<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <div class="contentsize">委托事务办件</div>
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="container">
            <div class="handle-box" style="min-height: 480px;">
                <div class="swzlstyle">
                    <div class="swzlitem" @click="gotofwjg('wtzxgzdetailstart')">装修改造</div>
                    <!-- <div class="swzlitem" @click="gotofwjg('wtczjystart')">出租经营</div> -->
                    <div class="swzlitem" @click="gotofwjg('wtfwczjystart')">出租经营（委托）</div>
                    <div class="swzlitem" @click="gotofwjg('wtzltqstart')"><div style="line-height: 40px;">出租经营</div>
                        <div style="line-height: 16px;">（续期、终止、补充）</div></div>
                    
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'wtswblistadd',
    data() {
        return {};
    },
    components: {},
    computed: {},
    methods: {
        // processcode:  fwjg房屋接管 zxgz装修改造 czjy	出租经营 wtyy委托运营 zlhtqd租赁合同签订  wthtqd委托合同签订 dabg档案变更 qtjy其他经营
        // 跳转流程页面
        gotofwjg(val){
            this.$router.push({
                name: val,
            });
        },
    },
    mounted() {}
};
</script>

<style scoped>

.container {
    overflow: hidden;
}

.crumbs {
    background-color: #fff;
    padding: 20px 20px;
}

.indexTitle {
    margin-bottom: 20px;
}

.contentsize {
    font-size: 18px;
    font-weight: 700;
}

.handle-box {
    overflow: hidden;
}

/* 新增按钮 */
.addcolor {
    margin-bottom: 10px;
}

.unloadTitle {
    text-align: left;
    padding-bottom: 10px;
    box-sizing: border-box;
    color: #606266;
}

/* 事物种类办件 */
.swzlstyle{
    display: flex;
    flex-wrap: wrap;
}
.swzlstyle .swzlitem{
    cursor: pointer;
    width: 160px;
    height: 68px;
    border: 2px solid #008A94;
    border-radius: 4px;
    text-align: center;
    line-height: 68px;
    margin: 10px;
}
.swzlstyle .swzlitem:hover{
    color:#ffffff;
    background-color: #008A94;
}
</style>
